<template>
	<div>
		<el-row>
			<el-col :span="24">
				<el-menu :default-active="active" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff"
					:router='isRouter' active-text-color="#409EFF">
					<el-menu-item index="/index">
						<template slot="title">
							<i class="el-icon-location"></i>
							<span>首页</span>
						</template>
					</el-menu-item>
					<el-submenu index="1">
						<template slot="title">
							<i class="el-icon-document"></i>
							<span slot="title">文章管理</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="/Platform_upload">文章列表-平台上传</el-menu-item>
							<el-menu-item index="/User_upload">文章列表-用户上传</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<el-submenu index="2">
						<template slot="title">
							<i class="el-icon-user-solid"></i>
							<span slot="title">用户管理</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="1-1">用户列表</el-menu-item>
							<el-menu-item index="1-2">用户统计信息</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
					<el-submenu index="3">
						<template slot="title">
							<i class="el-icon-setting"></i>
							<span slot="title">营销管理</span>
						</template>
						<el-menu-item-group>
							<el-menu-item index="1-1">banner-管理</el-menu-item>
							<el-menu-item index="1-2">轮播消息</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
				</el-menu>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				isRouter: true,
				active: "/index"
			}
		}
	}
</script>

<style lang="less" scoped>
	* {
		padding: 0;
		margin: 0;
	}

	.el-menu-vertical-demo {
		min-height: 100vh;
	}
	
</style>
